
:root {
    --primary-color: rgb(var(--theme-color-primary-500));
    --bg-color: #f8f8f8;
    --color-333: #333;
    --color-666: #666;
    --color-999: #999;
    --color-ccc: #ccc;
    --border-color: #eeeeee;
    --border-width: .21rem;
    --color-fff: #fff;
    --border-radius: 1rem;
    --padding-gap: 1rem;
    --gap-2: .13rem;
    --gap-5: .31rem;
    --gap-10: .63rem;
    --gap-20: 1.25rem;
    --gap-40: 2.5rem;
    --gap-60: 3.75rem;
    --font-size-12: .75rem;
    --font-size-14: .88rem;
    --font-size-16: 1rem;
    --font-size-18: 1.13rem;
    --font-size-20: 1.25rem;
    --font-size-22: 1.38rem;
    --font-size-24: 1.5rem;
    --font-size-28: 1.75rem;
    --font-size-32: 2rem;
    --font-size-36: 2.25rem;
    --font-size-48: 3rem;
    --font-size-56: 3.5rem;
}